capacity-bar {

    width: 50%;
    margin-right: 25px;
    min-width: 100px;
    display: flex;
    align-items: center;

    .CapacityBar {
        background-color: @default-bg;
        display: flex;
        flex: 0 0 auto;
        height: 10px;
        border: 1px solid @default-link;
        width: 100%;
        border-radius: 100vw;
        overflow: hidden;
        margin-right: 10px;
    }

    .CapacityBar-remaining {
        background-color: @default-link;
        flex: 0 0 auto;
    }

    .CapacityBar-consumed {
        flex: 0 0 auto;
    }

    .CapacityBar--offline {
        border-color: @d7grey;

        .CapacityBar-remaining {
            background-color: @d7grey;
        }
    }

    .Capacity-details--percentage {
        color: @default-data-txt;
    }
}
